<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>请假单详情</title>
    <link rel="icon" href="https://id.dlmu.edu.cn/linkid/api/image/download/1638532905597favicon3232.png">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <script src="../js/bootstrap.bundle.min.js"></script>

    <link rel="stylesheet" href="../css/detail.css">
    <link rel="stylesheet" href="../css/student.css">
    <link rel="stylesheet" href="../css/body.css">
    <script src="../js/header.js"></script>
    <script src="../js/leave-detail.js"></script>
</head>
<body>
<div class="leave-wrapper">
    <div class="leave-title">出入校审批单</div>
    <div class="leave-row">
        <div class="leave-item-3-1"><label>姓名：<br/><input id="name" type="text" disabled></label></div>
        <div class="leave-item-3-1"><label>学院：<br/><input id="college" type="text" disabled></label></div>
        <div class="leave-item-3-1"><label>中队：<br/><input id="square" type="text" disabled></label></div>
    </div>
    <div class="leave-row">
        <div class="leave-item-3-1"><label>性别：<br/><input id="sex" type="text" disabled></label></div>
        <div class="leave-item-3-1"><label>学号：<br/><input id="code" type="text" disabled></label></div>
        <div class="leave-item-3-1"><label>联系方式：<br/><input id="phone" type="text" disabled></label></div>
    </div>
    <div class="leave-row">
        <div class="leave-item-3-1">
            <label>
                外出区域：
                <input id="area" class="input-text" type="text" disabled>
            </label>
        </div>
        <div class="leave-item-3-2">
            <label>
                外出时间：&nbsp;自&nbsp;
                <input id="time-start" class="input-text" type="text" disabled>
            </label>
            <label>
                &nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;&nbsp;
                <input id="time-end" class="input-text" type="text" disabled>
            </label>
        </div>
    </div>
    <div class="leave-row">
        <div style="float: left; height: 52px; line-height: 52px">
            外出事由：
        </div>
        <div style="float: left">
            <div class="input-group input-group-text">
                <input type="radio" name="reason-radio" id="radio1" autocomplete="off" value="教学科研" disabled>
                <label class="btn" for="radio1">教学科研&nbsp;&nbsp;&nbsp;&nbsp;</label>

                <input type="radio" name="reason-radio" id="radio2" autocomplete="off" value="实习实践" disabled>
                <label class="btn" for="radio2">实习实践&nbsp;&nbsp;&nbsp;&nbsp;</label>

                <input type="radio" name="reason-radio" id="radio3" autocomplete="off" value="求职应聘" disabled>
                <label class="btn" for="radio3">求职应聘&nbsp;&nbsp;&nbsp;&nbsp;</label>

                <input type="radio" name="reason-radio" id="radio4" autocomplete="off" value="培训考试" disabled>
                <label class="btn" for="radio4">培训考试&nbsp;&nbsp;&nbsp;&nbsp;</label>

                <input type="radio" name="reason-radio" id="radio5" autocomplete="off" value="生病就医" disabled>
                <label class="btn" for="radio5">生病就医&nbsp;&nbsp;&nbsp;&nbsp;</label>

                <input type="radio" name="reason-radio" id="radio6" autocomplete="off" value="其他事由" disabled>
                <label class="btn" for="radio6">其他事由</label>
            </div>
        </div>
    </div>
    <div class="leave-row row">
        <label>
            事由描述：<br/><br/>
            <textarea id="reason-text" class="form-control col-12" rows="5" disabled></textarea>
        </label>
    </div>
    <div class="leave-row row">
        <label>
            导员/导师审批意见：<br/><br/>
            <textarea id="teacher-view" class="form-control col-12" rows="5" disabled></textarea>
        </label>
        <div id="teacher-view-name" class="examine-view" hidden>宋子昊</div>
        <div id="teacher-view-time" class="examine-time" hidden>2021-12-12</div>
        <div id="teacher-view-button" class="leave-row">
            <button id="teacher-view-button-no-pass" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#confirmModal" style="float: right;">不通过</button>
            <button id="teacher-view-button-pass" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#confirmModal" style="float: right;margin-right: 30px;">通过</button>
        </div>
    </div>
    <div id="institute-view-container" class="leave-row row" hidden>
        <label>
            学院审批意见：<br/><br/>
            <textarea id="institute-view" class="form-control col-12" rows="5"></textarea>
        </label>
        <div class="leave-row">
            <button id="institute-view-button-no-pass" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#confirmModal" style="float: right;">不通过</button>
            <button id="institute-view-button-pass" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#confirmModal" style="float: right;margin-right: 30px;">通过</button>
        </div>
    </div>
    <br/>
</div>
<div class="modal fade" id="confirmModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">提示</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body" style="text-align: center;">是否确认？</div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
        <button id="confirm-button" type="button" class="btn btn-primary" data-bs-dismiss="modal">确定</button>
      </div>
    </div>
  </div>
</div>
</body>
</html>